<div class="destroy">
	<div class="sheet">
		<div class="head">
			<h2>jquery顶部动画弹出层</h2>
		</div>
		<div class="body"></div>
		<a href="#" title="关闭" class="close"></a>
	</div>
</div>
<script>
$(document).ready(function(){
	var h = $(document).height();
	$(".overlay").css({"height": h });	
	//$(".action").click(function(){
		$(".overlay").css({'display':'block'}).animate({'opacity':'0.8'});
		$(".destroy").stop(true).animate({'margin-top':'27px','opacity':'1'},400);
	//});
	$(".close").click(function(){
		$(".destroy").stop(true).animate({'margin-top':'-292px','opacity':'0'},800);
		$(".overlay").css({'display':'none'}).animate({'opacity':'0'});
	});
});
</script>